<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>聚衣源</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../lib/css/swiper.min.css">
    <link rel="stylesheet" href="../../lib/css/animate.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">
    <link rel="stylesheet" href="../../lib/css/elementui.min.css">
</head>

<body>
    <div class="app-wrap" v-cloak id="index">
        <header-top :loginname="loginName"></header-top>
        <header-search-global type="首页"></header-search-global>
        <common-top-nav cur="首页"></common-top-nav>
        <div class="index">
            <div class="index_banner-bg" style="background:#e1e0de;">
                <div class="index_banner container">
                    <div class="index_banner-left">
                        <h1>面辅料市场</h1>
                        <div class="index_banner-left-con">
                            <h1><i class="icon-index_top_ding"></i>找订单</h1>
                            <p>
                                <a v-for="subitem in bannerLeftNavList" :href="location+'/jdingdan/list.html?categoryId='+subitem.id+'&orderType=1'" :title="subitem.categoryName">{{subitem.categoryName}}</a>
                            </p>
                            <h1><i class="icon-index_top_ding"></i>面料采购</h1>
                            <p>
                                <a v-for="subitem1 in bannerLeftNavList2" :href="location+'/jdingdan/list.html?categoryId='+subitem1.id+'&orderType=2'" :title="subitem1.categoryName">{{subitem1.categoryName}}</a>
                            </p>
                            <h1><i class="icon-index_top_ding"></i>辅料采购</h1>
                            <p>
                                <a v-for="subitem2 in bannerLeftNavList3" :href="location+'/jdingdan/list.html?categoryId='+subitem2.id+'&orderType=3'" :title="subitem2.categoryName">{{subitem2.categoryName}}</a>
                            </p>
                        </div>
                        <!--<div class="index_banner-left-con" v-for="item in bannerLeftNavList">
                            <h1><i :class="item.icon"></i>{{item.title}}</h1>
                            <p>
                                <a v-for="subitem in item.navlist" :href="subitem" :title="subitem.text">{{subitem.text}}</a>
                            </p>
                        </div>-->
                    </div>
                    <div class="index_banner-center">
                        <div class="swiper-container index_banner-center-swiper">
                            <div class="swiper-wrapper">
                                <a class="swiper-slide" v-for="item in bannerlist" href="javascript:void(0)">
                                    <!-- swiper-lazy data- -->
                                    <img class="" :src="item.picUrl">
                                    <!-- <div class="swiper-lazy-preloader"></div> -->
                                </a>
                            </div>
                            <!-- 分页器 -->
                            <div class="swiper-pagination"></div>
                        </div>
                    </div>

                    <div class="index_banner-right">
                        <div class="user">
                            <div class="user-head"><img v-show="userInfo.id!=null" :src="userInfo.picImg"></div>
                            <p>{{userInfo.name?userInfo.name:"Hi"}}，{{greetState}}好！</p>
                        </div>
                        <div class="btn" v-show="userInfo.id==null">
                            <button class="cur" @click="registration">免费注册</button>
                            <button @click="login">登录</button>
                        </div>
                        <div class="notice">
                            <div class="notice-title">
                                <p>公告</p>
                                <a :href="location+'/index/gonggao.html'" title="更多">更多 ></a>
                            </div>
                            <div class="notice-a">
                                <a v-for="item in noticeList" :href="location+'/index/gg_detail.html?id='+item.id" :title="item.title">{{item.title}}</a>
                            </div>

                        </div>
                        <div class="banner">
                            <a :href="location+'/jyihui/i.html'"><img title="聚衣会" src="../../img/index_tr_banner.png"></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="index_bg">
                <div class="index_search-box container">
                    <div class="index_search">
                        <div class="index_search-option-box">
                            <div class="index_search-option" v-for="item,index in indexSearch">
                                <h1>{{item.title}}</h1>
                                <p @click="clickSearchOption(index)">{{item.cur?item.cur:"请选择"}}<i class="icon-index_search_arr"></i></p>
                                <div class="index_search-option-sub" v-show="item.show">
                                    <p v-for="subitem,subindex in item.option" @click="clickSubOptin(index,subindex)" :class="item.cur==subitem?'cur':''" v-if="item.option.length>0 &&index==0">{{subitem.name}}</p>
                                    <p v-for="subitem,subindex in item.option" @click="clickSubOptin(index,subindex)" :class="item.cur==subitem?'cur':''" v-if="item.option.length>0 &&index==1">{{subitem.areaname}}</p>
                                </div>
                            </div>
                            <!--<div class="index_search-option" >
                                <h1>工厂类型</h1>
                                <select class="fl-item" v-model="factoryType">
                                    <option value="0">请选择</option>
                                    <option v-for="factoryType in factoryTypeList" :value="factoryType.number">{{factoryType.name}}</option>
                                </select>

                                &lt;!&ndash;<p @click="clickSearchOption(index)">{{item.cur?item.cur:"请选择"}}<i class="icon-index_search_arr"></i></p>
                                <div class="index_search-option-sub" v-show="item.show">
                                    <p v-for="subitem,subindex in item.option" @click="clickSubOptin(index,subindex)" :class="item.cur==subitem?'cur':''">{{subitem}}</p>
                                </div>&ndash;&gt;
                            </div>
                            <div class="index_search-option" >
                                <h1>地区要求</h1>
                                <select class="fl-item" v-model="factoryType">
                                    <option value="0">请选择</option>
                                    <option v-for="factoryType in factoryTypeList" :value="factoryType.number">{{factoryType.name}}</option>
                                </select>
                            </div>-->

                            <div class="index_search-option">
                                <h1>关键字</h1>
                                <input placeholder="请输入关键字" v-model="q">
                            </div>
                            <div class="index_search-option">
                                <button @click="searchCompany">一键找厂</button>
                            </div>
                        </div>
                        <div class="index_search-bottom">
                            <p><i class="icon-index_search-1"></i>15000家工厂等待接单</p>
                            <p><i class="icon-index_search-2"></i>快速响应</p>
                            <p><i class="icon-index_search-3"></i>平台保障</p>
                        </div>
                    </div>
                    <div class="index_search_table">
                        <table>
                            <thead>
                                <tr>
                                    <th colspan="3">订单总数：<span>{{dingdan.total}}</span>单</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr v-for="item in dingdan.msg">
                                    <td v-for="subitem in item">{{subitem}}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="index_search_table">
                        <table>
                            <thead>
                                <tr>
                                    <th colspan="3">三个月总销售：<span>{{xiaoshou.total}}</span>单</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr v-for="item in xiaoshou.msg">
                                    <td v-for="subitem in item">{{subitem}}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="index_title container">
                    <h1>聚订单</h1>
                    <a :href="location+'/jdingdan/list.html'" title="更多">更多 ></a>
                </div>
                <!-- 聚订单 -->
                <div class="index_jdingdan container">
                    <div class="left">
                        <div class="left-banner">
                            <div class="left-banner-img"><img src="../../img/index_jdingdan.png"></div>
                            <div class="left-banner-text">
                                <p>累计询盘：{{jdingdan.total}}条</p>
                                <a @click="judingdanFaBu">发布询盘 <span class="font-arr">></span></a>
                            </div>
                        </div>
                        <div class="left-col-box">
                            <a class="left-col" v-for="item in jdingdan.bannerlist" href="javascript:void(0)">
                                <img v-for="attachmen,index in item.attachmentList" v-if="index==0" :src="attachmen.fileUrl">
                                <h1>{{item.name}}</h1>
                                <p><i class="icon-index_position"></i>{{item.areaName}}</p>
                                <div class="sub">
                                    <p>数量要求：{{item.num}}{{item.unitName}}</p>
                                    <p>发布时间：{{item.createTime}}</p>
                                    <button @click="judingdanBaoJia(item.id)" type="button">马上报价</button>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="right">
                        <div class="right-title">
                            <p>订单排行榜</p>
                            <div class="right-title-focus">
                                <div class="focus" v-for="item,index in Math.ceil(jdingdan.rankinglist.length/3)" @click="clickRanking(index+1)" :class="{cur:index+1==rankingFocus}"></div>
                            </div>
                        </div>
                        <div>
                            <a class="right-col" v-for="item,index in jdingdan.rankinglist" href="../../img/index_jdingdan.png" :title="item.title" v-show="(index+1)/3>rankingFocus-1 && (index+1)/3<=rankingFocus">
                                <div class="right-col-img"><img v-for="attachmen,index in item.attachmentList" v-if="index==0" :src="attachmen.fileUrl"></div>
                                <div class="right-col-text">
                                    <h1>{{item.name}}</h1>
                                    <div class="right-col-text-bt-box">
                                        <div class="right-col-text-bt">
                                            <h1>数量要求</h1>
                                            <p>{{item.num}}{{item.unitName}}</p>
                                        </div>
                                        <div class="right-col-text-bt">
                                            <h1>发布时间</h1>
                                            <p>{{item.createTime}}</p>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="index_title container">
                    <h1>聚设计</h1>
                    <a :href="location+'/jsheji/list.html'" title="更多">更多 ></a>
                </div>
                <div class="jsheji-list container">
                    <div v-for="(item,index) in jsheji" v-if="index<4" class="jsheji-item">
                        <a :href="item.href">
                            <img :src="item.bgPicture">
                            <div class="jsheji-bottom">
                                <img :src="item.logo" class="toux">
                                <p class="name">{{item.name}}</p>
                                <p class="desc">{{item.remarks}}</p>
                            </div>
                        </a>
                        <div class="show-wrap">
                            <a href="javascript:void (0)" @click="targetDesigner(item.id)">查看作品</a>
                            <a href="javascript:void (0)" @click="targetPublish(item.id)">找TA设计</a>
                        </div>
                    </div>
                </div>
                <div class="mt-30 container">
                    <a href="javascript:void(0)"><img src="../../img/index_column_banner.png"></a>
                </div>
                <div class="index_title container">
                    <h1>聚品牌</h1>
                    <a :href="location+'/jpinpai/i.html'" title="更多">更多 ></a>
                </div>
                <!-- 聚品牌 -->
                <div class="index_jpinpai container">
                    <a :href="location+'/jpinpai/i.html'"><img class="bigimg" src="http://file.juyihome.com/20180106/695f6926-118e-4ab3-a082-4e0988d38d8f.png"></a>
                    <div class="shop-list">
                        <a :href="location+'/jpinpai/i.html?id='+shop.id" v-for="(shop,index) in brandLogos" v-if="index<12" class="img-wrap">
                            <img if="index!=0" :src="shop.logo">
                        </a>
                    </div>
                </div>

                <div class="index_title container">
                    <h1>聚好款</h1>
                    <a :href="location+'/jhaokuan/product_list.html'" title="更多">更多 ></a>
                </div>
                <!-- 聚好款 -->
                <div class="index_jhaokuang container">
                    <div class="index_jhaokuang-left">
                        <div class="left">
                            <div class="left-banner"><img src="../../img/index_jhaokuang_left.png"></div>
                            <div class="left-po" v-if="jhaokuang.lefticon && jhaokuang.lefticon.length>0">
                                <a v-for="item in jhaokuang.lefticon" href="javascript:void (0)"><img :src="item.logo"></a>
                            </div>
                        </div>
                        <div class="right">
                            <div class="right-nav-box">
                                <div class="right-nav" v-for="item in jhaokuang.navlist">
                                    <h1>{{item.name}}</h1>
                                    <p><a v-for="subitem in item.childCategoryList" :href="location+'/jhaokuan/product_list.html'" :title="subitem.text">{{subitem.name}}</a></p>
                                </div>
                            </div>
                            <div class="right-banner">
                                <a :href="location+'/jhaokuan/product_list.html'" class="right-banner-col"><img src="../../img/index_jhaokuang_banner1.png" title="秋装新品"></a>
                                <a :href="location+'/jhaokuan/product_list.html'" class="right-banner-col"><img src="../../img/index_jhaokuang_banner2.png" title="男装系列"></a>
                            </div>
                        </div>
                    </div>
                    <div class="index_jhaokuang-right">
                        <a class="index_jhaokuang-right-banner" :href="location+'/jhaokuan/product_list.html'"><img src="../../img/index_jhaokuang_right.png"></a>
                        <div class="index_jhaokuang-right-week">
                            <div class="title">
                                <h1>本周上新</h1>
                                <div class="title-focus">
                                    <div class="focus" v-for="item,index in Math.ceil(jhaokuang.weeklist.length/3)" @click="clickWeek(index+1)" :class="{cur:index+1==weekFocus}"></div>
                                </div>
                            </div>
                            <div>
                                <a class="con" v-for="item,index in jhaokuang.weeklist" :href="item.href" :title="item.goods" v-show="(index+1)/3>weekFocus-1 && (index+1)/3<=weekFocus">
                                    <div class="con-img"><img :src="item.picUrl"></div>
                                    <div class="con-text">
                                        <h1>{{item.goodsName}}<span>{{item.unitPrice}}</span>元起</h1>
                                        <h2>{{item.company.name}}</h2>
                                        <p><i class="icon-index_position"></i>{{item.provinceName}}</p>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="index_title container">
                    <h1>聚服务</h1>
                    <a :href="location+'/jfuwu/list.html'" title="更多">更多 ></a>
                </div>
                <!-- 聚服务 -->
                <div class="index_jfuwu container">
                    <div class="index_jfuwu-left">
                        <div class="index_jfuwu-left-img"><img src="../../img/index_jfuwu_left_banner.png"></div>
                        <div class="index_jfuwu-left-text">
                            <p>累计服务：{{jfuwu.total}}单</p>
                            <a href="javascript:void (0)" @click="jufuwuFaBu()">发布需求<span class="font-arr">></span></a>
                        </div>
                    </div>
                    <div class="index_jfuwu-col" v-for="item in jfuwu" v-if="jfuwu && jfuwu.length>0">
                        <div class="index_jfuwu-col-img"><img :src="item.demand.attachmentList[0].fileUrl" v-if="item.demand.attachmentList && item.demand.attachmentList.length>0"></div>
                        <div class="index_jfuwu-col-text">
                            <h1>{{item.demand.categoryName}}</h1>
                            <div class="text">
                                <div class="text-col">
                                    <h1>发布时间</h1>
                                    <p>{{item.createTime | date}}</p>
                                </div>
                                <div class="text-col">
                                    <h1>地区要求</h1>
                                    <p>{{item.demand.areaName}}</p>
                                </div>
                                <div class="text-col">
                                    <h1>截止时间</h1>
                                    <p>{{item.demand.deadline | date}}</p>
                                </div>
                            </div>
                            <a href="javascript:void (0)" @click="jufuwuBaoJia(item.demand.id)">马上报价</a>
                        </div>
                    </div>
                </div>
                <div class="index_title container">
                    <h1>聚衣会</h1>
                    <a :href="location+'/jyihui/i.html'" title="更多">更多 ></a>
                </div>
                <!-- 聚衣会 -->
                <div class="index_jyihui container">
                    <div class="index_jyihui-leftnav">
                        <a :href="location+'/jyihui/i.html'"><img src="../../img/index_jfuwu_nav1.png" title="聚衣时装周"></a>
                        <a :href="location+'/jyihui/i.html'"><img src="../../img/index_jfuwu_nav2.png" title="行业订购"></a>
                        <a :href="location+'/jyihui/caigou.html'"><img src="../../img/index_jfuwu_nav3.png" title="名企采购"></a>
                        <a :href="location+'/jyihui/i.html'"><img src="../../img/index_jfuwu_nav4.png" title="品牌招商"></a>
                    </div>
                    <div class="index_jyihui-right">
                        <!--<div class="index_jyihui-right-banner">
                            <img :src="jyihui[0].picUrl" v-if="jyihui&&jyihui.length>0">
                            <div class="btn">
                                <a href="#" title="本周活动">本周活动</a>
                                <a href="#" title="往届回顾">往届回顾</a>
                            </div>
                        </div>-->
                        <div class="index_jyihui-right-col-box">
                            <div class="index_jyihui-right-col" v-for="item in jyihui">
                                <h1>{{item.title}}</h1>
                                <p><i class="icon-index_position"></i>{{item.address}}</p>
                                <p><i class="icon-index_time"></i>{{item.startTime}}--{{item.endTime}}</p>
                                <div class="btnimgbox">
                                    <a :href="location+'/jyihui/caigou.html'">报名</a>
                                    <div class="btnimgbox-img"><img :src="item.picUrl"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="index_title container">
                    <h1>聚企业</h1>
                    <a :href="location+'/jqiye/i.html'" title="更多">更多 ></a>
                </div>
                <!-- 聚企业 -->
                <div class="index_jqiye container">
                    <div class="jqy-qiye-wrap">
                        <div class="item" v-for="item in jqiye.comlist">
                            <div class="item-title">
                                <div class="item-title-logo"><img :src="item.logoUrl"></div>
                                <div class="item-title-text">
                                    <h1>{{item.name}}</h1>
                                    <p><i class="icon-jqy_collect"></i>{{item.lovecount}}人</p>
                                </div>
                            </div>
                            <p>{{item.introduce}}</p>
                            <div class="item-btn" >
                                <a href="javascript:void (0)" v-show = "item.companyFollowId != null"  @click="delFollow(item.companyFollowId)">取消关注</a>
                                <a href="javascript:void (0)" v-show = "item.companyFollowId == null"  @click="addFollow(item.id)">关注</a>

                                <a :href="location+'/jqiye/jqiye_details.html?'+item.id">企业详情</a>
                            </div>
                        </div>
                    </div>

                    <div class="index_jqiye-news-box">
                        <div class="index_jqiye-news">
                            <h1>学院头条</h1>
                            <div class="index_jqiye-news-img">
                                <a :href="location+'/jxueyuan/zixun_detail.html?'+item.id" v-for="item,index in juxueyuan.toutiao" v-if="index==0">
                                    <img :src="item.picUrl[0].fileUrl" alt="">
                                </a>
                            </div>
                            <div class="index_jqiye-news-nav">
                                <a :href="location+'/jxueyuan/zixun_detail.html?'+item.id" v-for="item in juxueyuan.toutiao"><span>[{{item.createTime1}}]</span>{{item.title}}</a>
                            </div>
                        </div>

                        <div class="index_jqiye-news">
                            <h1>热门帖子</h1>
                            <div class="index_jqiye-news-img">
                                <a :href="location+'/jxueyuan/zixun_detail.html?'+item.id" v-for="item,index in juxueyuan.tiezi" v-if="index==0">
                                    <img :src="item.picUrl[0].fileUrl" alt="">
                                </a>
                            </div>
                            <div class="index_jqiye-news-nav">
                                <a :href="location+'/jxueyuan/zixun_detail.html?'+item.id" v-for="item in juxueyuan.tiezi"><span>[{{item.createTime}}]</span>{{item.title}}</a>
                            </div>
                        </div>

                        <div class="index_jqiye-news">
                            <h1>行业资讯</h1>
                            <div class="index_jqiye-news-img">
                                <a :href="location+'/jxueyuan/zixun_detail.html?'+item.id" v-for="item,index in juxueyuan.zixun" v-if="index==0">
                                    <img :src="item.picUrl[0].fileUrl" alt="">
                                </a>
                            </div>
                            <div class="index_jqiye-news-nav">
                                <a :href="location+'/jxueyuan/zixun_detail.html?'+item.id" v-for="item in juxueyuan.zixun"><span>[{{item.createTime1}}]</span>{{item.title}}</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <common-footer></common-footer>
    </div>
    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/axios.min.js"></script>
    <script src="../../lib/js/swiper.min.js"></script>
    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="../../lib/js/mock.js"></script>
    <script src="../../js/all.min.js"></script>
    <script src="../../lib/js/elementui.min.js"></script>
    <script>
        index();
    </script>
</body>

</html>